/**
 * 距离文件css，包含外部和内部距离
 * -xs: 5px
 * -sm: 10px
 * -com: 15px
 * -md: 20px
 * -lg: 25px
 * -xl: 30px
 * -xxl: 40px
 */


/* margin-none */

.margin-none {
	margin: 0 !important;
}

.margin-top-none {
	margin-top: 0 !important;
}

.margin-right-none {
	margin-right: 0 !important;
}

.margin-bottom-none {
	margin-bottom: 0 !important;
}

.margin-left-none {
	margin-left: 0 !important;
}


/* margin */

.margin-xs {
	margin: 5px;
}

.margin-sm {
	margin: 10px;
}

.margin {
	margin: 15px;
}

.margin-md {
	margin: 20px;
}

.margin-lg {
	margin: 25px;
}

.margin-xl {
	margin: 30px;
}

.margin-xxl {
	margin: 40px;
}


/* margin-side */

.margin-side-xs {
	margin-left: 5px;
	margin-right: 5px;
}

.margin-side-sm {
	margin-left: 10px;
	margin-right: 10px;
}

.margin-side {
	margin-left: 15px;
	margin-right: 15px;
}

.margin-side-md {
	margin-left: 20px;
	margin-right: 20px;
}

.margin-side-lg {
	margin-left: 25px;
	margin-right: 25px;
}

.margin-side-xl {
	margin-left: 30px;
	margin-right: 30px;
}

.margin-side-xxl {
	margin-left: 40px;
	margin-right: 40px;
}


/* margin-vertical */

.margin-vertical-xs {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin-vertical-sm {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-vertical {
	margin-top: 15px;
	margin-bottom: 15px;
}

.margin-vertical-md {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-vertical-lg {
	margin-top: 25px;
	margin-bottom: 25px;
}

.margin-vertical-xl {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin-vertical-xxl {
	margin-top: 40px;
	margin-bottom: 40px;
}


/* margin-top */

.margin-top-xs {
	margin-top: 5px;
}

.margin-top-sm {
	margin-top: 10px;
}

.margin-top {
	margin-top: 15px;
}

.margin-top-md {
	margin-top: 20px;
}

.margin-top-lg {
	margin-top: 25px;
}

.margin-top-xl {
	margin-top: 30px;
}

.margin-top-xxl {
	margin-top: 40px;
}


/* margin-right */

.margin-right-xs {
	margin-right: 5px;
}

.margin-right-sm {
	margin-right: 10px;
}

.margin-right {
	margin-right: 15px;
}

.margin-right-md {
	margin-right: 20px;
}

.margin-right-lg {
	margin-right: 25px;
}

.margin-right-xl {
	margin-right: 30px;
}

.margin-right-xxl {
	margin-right: 40px;
}


/* margin-bottom */

.margin-bottom-xs {
	margin-bottom: 5px;
}

.margin-bottom-sm {
	margin-bottom: 10px;
}

.margin-bottom {
	margin-bottom: 15px;
}

.margin-bottom-md {
	margin-bottom: 20px;
}

.margin-bottom-lg {
	margin-bottom: 25px;
}

.margin-bottom-xl {
	margin-bottom: 30px;
}

.margin-bottom-xxl {
	margin-bottom: 40px;
}


/* margin-left */

.margin-left-xs {
	margin-left: 5px;
}

.margin-left-sm {
	margin-left: 10px;
}

.margin-left {
	margin-left: 15px;
}

.margin-left-md {
	margin-left: 20px;
}

.margin-left-lg {
	margin-left: 25px;
}

.margin-left-xl {
	margin-left: 30px;
}

.margin-left-xxl {
	margin-left: 40px;
}


/* padding-none */

.padding-none {
	padding: 0 !important;
}

.padding-top-none {
	padding-top: 0 !important;
}

.padding-right-none {
	padding-right: 0 !important;
}

.padding-bottom-none {
	padding-bottom: 0 !important;
}

.padding-left-none {
	padding-left: 0 !important;
}


/* padding */

.padding-xs {
	padding: 5px;
}

.padding-sm {
	padding: 10px;
}

.padding {
	padding: 15px;
}

.padding-md {
	padding: 20px;
}

.padding-lg {
	padding: 25px;
}

.padding-xl {
	padding: 30px;
}

.padding-xxl {
	padding: 40px;
}


/* padding-side */

.padding-side-xs {
	padding-left: 5px;
	padding-right: 5px;
}

.padding-side-sm {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-side {
	padding-left: 15px;
	padding-right: 15px;
}

.padding-side-md {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-side-lg {
	padding-left: 25px;
	padding-right: 25px;
}

.padding-side-xl {
	padding-left: 30px;
	padding-right: 30px;
}

.padding-side-xxl {
	padding-left: 40px;
	padding-right: 40px;
}


/* padding-vertical */

.padding-vertical-xs {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding-vertical-sm {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-vertical {
	padding-top: 15px;
	padding-bottom: 15px;
}

.padding-vertical-md {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-vertical-lg {
	padding-top: 25px;
	padding-bottom: 25px;
}

.padding-vertical-xl {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-vertical-xxl {
	padding-top: 40px;
	padding-bottom: 40px;
}


/* padding-top */

.padding-top-xs {
	padding-top: 5px;
}

.padding-top-sm {
	padding-top: 10px;
}

.padding-top {
	padding-top: 15px;
}

.padding-top-md {
	padding-top: 20px;
}

.padding-top-lg {
	padding-top: 25px;
}

.padding-top-xl {
	padding-top: 30px;
}

.padding-top-xxl {
	padding-top: 40px;
}


/* padding-right */

.padding-right-xs {
	padding-right: 5px;
}

.padding-right-sm {
	padding-right: 10px;
}

.padding-right {
	padding-right: 15px;
}

.padding-right-md {
	padding-right: 20px;
}

.padding-right-lg {
	padding-right: 25px;
}

.padding-right-xl {
	padding-right: 30px;
}

.padding-right-xxl {
	padding-right: 40px;
}


/* padding-bottom */

.padding-bottom-xs {
	padding-bottom: 5px;
}

.padding-bottom-sm {
	padding-bottom: 10px;
}

.padding-bottom {
	padding-bottom: 15px;
}

.padding-bottom-md {
	padding-bottom: 20px;
}

.padding-bottom-lg {
	padding-bottom: 25px;
}

.padding-bottom-xl {
	padding-bottom: 30px;
}

.padding-bottom-xxl {
	padding-bottom: 40px;
}


/* padding-left */

.padding-left-xs {
	padding-left: 5px;
}

.padding-left-sm {
	padding-left: 10px;
}

.padding-left {
	padding-left: 15px;
}

.padding-left-md {
	padding-left: 20px;
}

.padding-left-lg {
	padding-left: 25px;
}

.padding-left-xl {
	padding-left: 30px;
}

.padding-left-xxl {
	padding-left: 40px;
}